<script setup>

const tableAppRef = ref(null)

onMounted(() => {
  console.log(tableAppRef.value)
})

async function requestInfo() {
  const res =  await $fetch('/api/hello/dhx').catch((error) => error.data);
  console.log(res);
  const { $config } = useNuxtApp()
  console.log($config)


}

</script>
<template>
  <div ref="tableAppRef">
    <button
      type="button"
      @click="requestInfo"
      class="rounded-md bg-black/20 px-4 py-2 text-sm font-medium text-white hover:bg-black/30 focus:outline-none focus-visible:ring-2 focus-visible:ring-white/75"
    >
      request api
    </button>
  </div>
</template>
<style lang="scss" scoped>

</style>